<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Insert title here</title>
<!-- Bootstrap core CSS -->
<link href="resources/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fontawesome CSS -->
<link href="resources/css/font-awesome.min.css" rel="stylesheet"
﻿  type="text/css">
<link href="resources/css/jquery.datetimepicker.css" rel="stylesheet"
﻿  type="text/css" />
<script type="text/javascript" src="resources/js/bootstrap.min.js"
﻿  charset="UTF-8"></script>
</head>
<body>


	<div class="container">
		<div class="panel panel-primary">
   <div class="panel-heading">
      <h3 class="panel-title">Ekleme Formu</h3>
   </div>
   <div class="panel-body">
   	<div class="row">
			<div class="col-lg-6 col-lg-offset-2">
				<h2 style="text-align: center;">Gerisayım Ekle</h2>
				<form class="form-horizontal" role="form" action="GerisayimEkle"
					method="post">
					<div class="form-group">
						<label class="control-label col-sm-3" for="email">Olay
							Adı:</label>
						<div class="col-sm-9">
							<input type="text" class="form-control" id="email" name="isim"
								placeholder="Örnek: LYS Sınavı">
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-sm-3" for="email">Kategori Adı:</label>
						<div class="col-sm-9">
								  <select name="category" class="form-control">
									  <c:forEach var="category" items="${categoryList}">
										  <option>${category.categoryName}</option>
										  
									  </c:forEach>
								  </select>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-sm-3"> Tarih:</label>
						<div class="col-sm-9">
							<div class="input-group date">
								<input type="text" class="form-control" id="datetimepicker2"
									name="tarih" placeholder="Tarih Girin"  readonly="readonly">
								<span class="input-group-addon"><span
									class="glyphicon glyphicon-calendar"></span> </span>
							</div>

						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-sm-3"> Saat:</label>
						<div class="col-sm-9">
							<div class="input-group date">
								<input type="text" class="form-control" id="datetimepicker1"
									name="gerisayimSaati" placeholder="Saat Girin"
									readonly="readonly"> <span class="input-group-addon"><span
									class="glyphicon glyphicon-time"></span> </span>
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-3 col-sm-9">
							<button type="submit" class="btn btn-primary btn-block">Ekle</button>
						</div>
					</div>
				</form>
			</div>
		</div>  
   </div>
</div>
	</div>

</body>
<script type="text/javascript" src="resources/js/jquery.min.js" charset="UTF-8">
﻿  
</script>
<script type="text/javascript" src="resources/js/jquery.datetimepicker.js"
﻿  charset="UTF-8"></script>
<script>
	$('#datetimepicker1').datetimepicker({
		datepicker : false,
		format : 'H:i',
		closeOnWithoutClick: true

	});

	$('#datetimepicker2').datetimepicker({

		lang : 'tr',
		timepicker : false,
		format : 'Y-m-d',
		closeOnDateSelect : true,
		minDate : 0
	});
</script>

</html>